<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html >
<html lang="en">
<head>
<%@include file="../../../common/includeBaseSet.jsp" %>
<%@include file="../../../common/includeSystemSet.jsp" %>
<%@include file="../../../common/operation_forbid.jsp" %>
<%@include file="../../../common/jsVersion.jsp" %>
<style type="text/css">
	table{
		margin-left:30px;
		width:80%;
	}
	td{
		height:30px
	}
	.padding-td{
		padding-left:15px
	}
	ul{
		margin-left:40px
	}
	li{
		float:left;
		list-style:none
	}
	.title{
		background-color:#E4E4E4;
		border:1px solid #d5d5d5;
	}
	tr{
		border-left:1px solid #d5d5d5;
		border-right:1px solid #d5d5d5;
	}
	.font-title{
		color:#FF8C00
	}
	.font-option{
		color:#32CD32
	}
</style>
</head>
<body>
	<div class="page-content">
	    <table id="questionnaire">
	    	<tr style="border:none">
	    		<td colspan="4" align="center"><h3 id="title">客户问卷分析(${num}人)</h3></td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="title">&nbsp;&nbsp;客户基本信息</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			项目名称：
	    			<input value="${projectName}" type="text" style="border:none;border-bottom:1px solid #d5d5d5;">
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			性别(单选)：(<font id="customerSex" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="customer_sex">
	    				<!-- 性别 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			意向等级(单选)：(<font id="intentionLevel" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="intention_level">
		    			<!-- 性别 -->
		    		</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			客户状态(单选)：(<font id="customerStatus" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="customer_status">
		    			<!-- 客户状态 -->
		    		</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			客户性质(单选)：(<font id="customerOrigin" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="customerNature">
	    				<!-- 客户性质 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			获知途径(单选)：(<font id="informedWay_t" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="informedWay">
	    				<!-- 获知途径 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="title">&nbsp;&nbsp;客户购房需求</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			置业动机(单选)：(<font id="rqTheirMotives" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="theirMotives">
	    				<!-- 置业动机 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			关注重点(多选)：(<font id="rqFocusId" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="focus">
	    				<!-- 关注重点 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			需求面积(单选)：(<font id="rqDemandArea" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="rq_demand_area">
	    				<!-- 需求面积 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			需求楼层(单选)：(<font id="rqDemandFloor" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="floor">
	    				<!-- 需求楼层 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			生活服务(多选)：(<font id="rqServicesId" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="lifeService">
	    				<!-- 生活服务 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			生活配套(多选)：(<font id="rqLifeSupport" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="lifeSupport">
	    				<!-- 生活配套 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			预算总价(单选)：(<font id="rqBudgetSumprice" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="rq_budget_sumprice">
	    				<!-- 预算总价 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			预算单价(单选)：(<font id="rqBudgetPrice" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="rq_budget_price">
	    				<!-- 预算单价 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			希望庭院具备功能(单选)：(<font id="rqCourtyardFunction" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="courtyardFunction">
	    				<!-- 生活配套 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			付款方式(单选)：(<font id="rqPaymentMethod" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="rq_payment_method">
	    				 <!-- 付款方式 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			家庭结构(单选)：(<font id="familyJie_t" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="familyJie">
	    				<!-- 家庭结构 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			购买车位(单选)：(<font id="buyCar" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="buy_car">
	    				 <!-- 购买车位 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			需求户型规格(单选)：(<font id="xuqiuhuxingType" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="xuqiuhuxing_type">
	    				<!-- 需求户型规格 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="title">&nbsp;&nbsp;首次接触信息</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			接触方式(单选)：(<font id="ftContactWay" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="contactWay">
	    				<!-- 接触方式 -->
	    			</ul>
	    		</td>
	    	<tr>
	    		<td colspan="4" class="title">&nbsp;&nbsp;客户个人信息</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			证件类型(单选)：(<font id="peDocumentType" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="documentType">
	    				<!-- 证件类型 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			户籍所在地(单选)：(<font id="peDomicilePlace" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="pe_domicile_place">
	    				<!-- 户籍所在地 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			车驾品牌(单选)：(<font id="peFrameBrandId" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="frameBrand">
	    				<!-- 车驾品牌 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			家庭年收入(单选)：(<font id="peHouseholdIncome" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="pe_household_income">
	    				<!-- 家庭年收入 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			乐于参加的活动类型(多选)：(<font id="peActivityType" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="activityType">
	    				<!-- 乐于参加的活动类型 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			兴趣爱好(多选)：(<font id="peHobbyId" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="hobby">
	    				<!-- 兴趣爱好 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			学历(单选)：(<font id="peAcademicQualifications" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="academicQualifications">
	    				<!-- 学历 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			从事行业(单选)：(<font id="congshihangye_t" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="congshihangye">
	    				<!-- 从事行业-->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			公司性质(单选)：(<font id="companyXingzhi_t" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="companyXingzhi">
	    				<!-- 公司性质-->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			是否本公司业主(单选)：(<font id="isYezhu_t" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="is_yezhu">
		    			<!-- 是否本公司业主 -->
    				</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			日常信息获取途径(多选)：(<font id="richangxinxi_t" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="richangxinxi">
	    				<!-- 日常信息获取途径-->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			是否有子女：(<font id="isZinv_t" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="is_zinv">
		    			<!-- 是否有子女 -->
		    		</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			是否与老人同住：(<font id="isLaoren_t" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="is_laoren">
		    			<!-- 是否与老人同住 -->
		    		</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			是否员工：(<font id="isYuangong_t" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="is_yuangong">
	    				<!-- 是否员工 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="title">&nbsp;&nbsp;家庭(成员)情况</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			证件类型(单选)：(<font id="familyDocumentType" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="pe_document_type">
	    				<!-- 证件类型 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="title">&nbsp;&nbsp;家庭住宅情况</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			目前居住的物业类型(单选)：(<font id="reCurrentlyProperty" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="currentlyProperty">
	    				<!-- 目前居住的地物业类型 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			目前居住的面积(单选)：(<font id="reCurrentlyArea" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="re_currently_area">
	    				<!-- 目前居住的面积 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			目前居住/办公的房子属性(单选)：(<font id="reCurrentlyHouse" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="currentlyHouse">
	    				<!-- 目前居住/办公的房子属性 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			目前居住的户型结构(单选)：(<font id="reCurrentlyStructure" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="currentlyStructure">
	    				<!-- 目前居住的户型结构 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="title">&nbsp;&nbsp;联系信息</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			工作日联系时间(单选)：(<font id="coContactTime" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="co_contact_time">
	    				<!-- 工作日联系时间 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			工作日联系方式(单选)：(<font id="coInformationDays" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="contactInformation">
	    				<!-- 工作日联系方式 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			周末联系时间(单选)：(<font id="coContactWeekend" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4">
	    			<ul id="co_contact_weekend">
	    				<!-- 周末联系时间 -->
	    			</ul>
	    		</td>
	    	</tr>
	    	<tr>
	    		<td colspan="4" class="padding-td">
	    			周末联系方式(单选)：(<font id="coWeekendInformation" class="font-title">0%</font>)
	    		</td>
	    	</tr>
	    	<tr style="border-bottom:1px solid #d5d5d5;">
	    		<td colspan="4">
	    			<ul id="contactInformationWeek">
	    				<!-- 周末联系方式 -->
	    			</ul>
	    		</td>
	    	</tr>
	    </table>
    </div>
</body>
<script type="text/javascript">
	$(function(){
		//当回答人数为空或为0时，不执行后续操作
		var num = "${num}";
		if(num == "" || num == "0"){
			return false;
		}
		//获取问卷答题率
		getSubjectRatio();
	});
	//获取问卷答题率
	function getSubjectRatio(){
		$.ajax({
            type: 'post',
            url: '${jypath}/system/baseCodeValue/getSubjectRatio',
            data:{
                "projectId": "${projectId}"
            },
            dataType: 'json',
            success: function(data){
            	if(data.res == "1"){
            		//查询beseCodeVale中的选项及比例
            		getBeseCode();
            		//查询枚举值中的选项及比例
            		getOptionByEnum();
            		//查询家庭成员证件类型的选项比例
            		getDocumentTypeRatio();
            		//展示数值
            		for(var i = 0; i < data.obj.length; i++){
            			var obj = data.obj[i];
            			if(obj.length > 0){
            				$("#"+obj[0]).text(obj[1]+"%");
            			}
            		}
            	}
            }
        });
	}
	//查询beseCodeVale中的选项及比例
	function getBeseCode(){
		getBeseCodeValue('informedWay', 'informed_way'); //获知途径
		getBeseCodeValue('customerNature', 'customer_origin'); //客户性质
		getBeseCodeValue('theirMotives', 'rq_their_motives'); //置业动机
		getBeseCodeValue('focus', 'rq_focus_id'); //关注重点
		getBeseCodeValue('floor', 'rq_demand_floor'); //需求楼层
		getBeseCodeValue('lifeService', 'rq_services_id'); //生活服务
		getBeseCodeValue('lifeSupport', 'rq_life_support'); //生活配套
		getBeseCodeValue('courtyardFunction', 'rq_courtyard_function'); //希望庭院具备功能
		getBeseCodeValue('familyJie', 'family_jie'); //家庭结构
		getBeseCodeValue('contactWay', 'ft_contact_way'); //接触方式
		getBeseCodeValue('documentType', 'pe_document_type'); //证件类型
		getBeseCodeValue('frameBrand', 'pe_frame_brand_id'); //车驾品牌
		getBeseCodeValue('activityType', 'pe_activity_type'); //乐于参加的活动类型
		getBeseCodeValue('hobby', 'pe_hobby_id'); //兴趣爱好
		getBeseCodeValue('academicQualifications', 'pe_academic_qualifications'); //学历
		getBeseCodeValue('congshihangye', 'congshihangye'); //从事行业
		getBeseCodeValue('companyXingzhi', 'company_xingzhi'); //公司性质
		getBeseCodeValue('richangxinxi', 'richangxinxi'); //日常信息获取途径
		getBeseCodeValue('currentlyProperty', 're_currently_property'); //目前居住的地物业类型
		getBeseCodeValue('currentlyHouse', 're_currently_house'); //目前居住/办公的房子属性
		getBeseCodeValue('currentlyStructure', 're_currently_structure'); //目前居住的户型结构
		getBeseCodeValue('contactInformation', 'co_information_days'); //工作日联系方式
	}
	function getBeseCodeValue(typeValue, codeName){
		$.ajax({
            type: 'post',
            url: '${jypath}/system/baseCodeValue/getOptionRatio',
            data:{
                "projectId": "${projectId}",
                "typeValue": typeValue,
                "codeName": codeName
            },
            dataType: 'json',
            success: function(data){
            	var html = "";
            	for(var i = 0; i < data.length; i++){
            		html += '<li>';
            		html += '<input type="checkbox" name="checkbox" >&nbsp;'+data[i].codeName+'&nbsp;(<font class="font-option">'+data[i].ratio+'%</font>)&nbsp;&nbsp;';
            		html += '</li>'
            	}

            	//当codeName为工作日联系方式时，生成html代码，同时查询周末联系方式
            	if(codeName == "co_information_days"){
            		$("#"+typeValue).html(html);
            		getBeseCodeValue('contactInformation', 'co_weekend_information');
            	}
            	//当codeName为周末联系方式时，赋值给周末联系方式
            	if(codeName == "co_weekend_information"){
            		$("#contactInformationWeek").html(html); //周末联系方式
            	}else{
            		$("#"+typeValue).html(html);
            	}
            }
        });
	}
	//查询枚举值中的选项及比例
	function getOptionByEnum(){
		getOptionRatioByEnum('customer_sex'); //性别
		getOptionRatioByEnum('intention_level'); //意向等级
		getOptionRatioByEnum('customer_status'); //客户状态
		getOptionRatioByEnum('rq_demand_area'); //需求面积
		getOptionRatioByEnum('rq_budget_sumprice'); //预算总价
		getOptionRatioByEnum('rq_budget_price'); //预算单价
		getOptionRatioByEnum('rq_payment_method'); //付款方式
		getOptionRatioByEnum('buy_car'); //购买车位
		getOptionRatioByEnum('xuqiuhuxing_type'); //需求户型规格
		getOptionRatioByEnum('pe_domicile_place'); //需求户型规格
		getOptionRatioByEnum('pe_household_income'); //家庭年收入
		getOptionRatioByEnum('is_yezhu'); //是否业主
		getOptionRatioByEnum('is_zinv'); //是否有子女
		getOptionRatioByEnum('is_laoren'); //是否与老人同住
		getOptionRatioByEnum('is_yuangong'); //是否员工
		getOptionRatioByEnum('re_currently_area'); //目前居住面积
		getOptionRatioByEnum('co_contact_time'); //工作日联系时间
		getOptionRatioByEnum('co_contact_weekend'); //周末联系时间
	}
	//查询枚举值的选项比例
	function getOptionRatioByEnum(codeName){
		$.ajax({
            type: 'post',
            url: '${jypath}/system/baseCodeValue/getOptionRatioByEnum',
            data:{
                "projectId": "${projectId}",
                "codeName": codeName
            },
            dataType: 'json',
            success: function(data){
            	var html = "";
            	for(var i = 0; i < data.length; i++){
            		html += '<li>';
            		html += '<input type="checkbox" name="checkbox" >&nbsp;'+data[i].codeName+'&nbsp;(<font class="font-option">'+data[i].ratio+'%</font>)&nbsp;&nbsp;';
            		html += '</li>'
            	}
            	$("#"+codeName).html(html);
            }
        });
	}
	//查询家庭成员证件类型的选项比例
	function getDocumentTypeRatio(){
		$.ajax({
            type: 'post',
            url: '${jypath}/system/baseCodeValue/getDocumentTypeRatio',
            data:{
                "projectId": "${projectId}"
            },
            dataType: 'json',
            success: function(data){
            	var html = "";
            	for(var i = 0; i < data.length; i++){
            		if(data[i].codeName == "title"){
            			$("#familyDocumentType").html(data[i].ratio+"%");
            		}else{
            			html += '<li>';
                		html += '<input type="checkbox" name="checkbox" >&nbsp;'+data[i].codeName+'&nbsp;(<font class="font-option">'+data[i].ratio+'%</font>)&nbsp;&nbsp;';
                		html += '</li>'
            		}
            	}
            	$("#pe_document_type").html(html);
            }
        });
	}
</script>
</html>    
